<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <link rel="dns-prefetch" href="//apps.bdimg.com">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=0.0, viewport-fit=cover">
    <meta name="applicable-device" content="pc,mobile">
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="robots" content="max-image-preview:large">
    <meta name="keywords" content="思幻个人引导页">
    <meta name="description" content="思幻个人引导页是由思幻工作室开发的一款二次元风格的引导页，广受年轻人喜欢">
    <link rel="canonical" href="http://nav.sihuanyun.cn">
    <link rel="dns-prefetch" href="//nav.sihuanyun.cn">
    <link rel="stylesheet" href="./css/style.css?ver=1.0.1" type="text/css" media="all">
    <script src="//at.alicdn.com/t/c/font_4343998_i6hbuh47j.js"></script>
    <script src="./js/jquery-3.6.0.min.js"></script>
    <link rel="shortcut icon" href="./images/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="./images/favicon.png">
    <meta name="msapplication-TileImage" content="./images/favicon.png">
    <input type="hidden" id="_w_simile" data-inspect-config="3">
    <meta name="apple-mobile-web-app-title" content="思幻工作室个人引导页">
    <title>思幻个人引导页</title>
</head>

<body>
    <div class="header">
        <div class="header-main">
            <div class="image">
                <img data-src="./images/qqtxk.png">
                <img data-src="https://q.qlogo.cn/headimg_dl?dst_uin=2044037949&spec=640&img_type=jpg">
            </div>
            <div class="name">
                <p>思幻工作室个人引导页</p>
            </div>
            <div class="lxfs">
                <div class="qq">
                    <a href="这里填写QQ跳转加好友链接">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-QQtubiao"></use>
                        </svg>
                    </a>
                </div>
                <div class="qyweixin">
                    <a href="这里填写企业微信跳转联系链接">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-qiyeweixin"></use>
                        </svg>
                    </a>
                </div>
                <div class="weibo">
                    <a href="这里填写微博个人主页链接">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-weibo"></use>
                        </svg>
                    </a>
                </div>
                <div class="kuaishou">
                    <a href="这里填写快手个人主页链接">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-kuaishou"></use>
                        </svg>
                    </a>
                </div>
                <div class="douyin">
                    <a href="这里填写抖音个人主页链接">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-a-preview_icon_douyin_pre3x"></use>
                        </svg>
                    </a>
                </div>
            </div>
            <div class="pmd">
                <div class="pmdicon">
                    <svg class="icon" id="pmd-icon" aria-hidden="true">
                        <use xlink:href="#icon-gonggao"></use>
                    </svg>
                </div>
                <div class="zimu">
                    <marquee>欢迎使用思幻工作室个人引导页，感谢大家的支持！更多精彩请关注葫芦侠账号（葫芦侠昵称：思幻工作室），喜欢的话就赞助点葫芦币吧</marquee>
                </div>

            </div>
            <div>

            </div>
        </div>
    </div>

    <!-- 左下角悬浮音乐卡片 -->
    <div class="xfyykp" id="xfyykpbox" style="left: -280px;">
        <div class="bfq">


            <div class="yykj">
                <div class="yykjtop">
                    <div class="yyfm">
                        <img id="yyimg" data-src="" alt="">
                    </div>
                    <div class="gqxx">
                        <h2 id="yyname">歌曲名</h2>
                        <p id="yyzuozhe">作者</p>
                    </div>
                </div>

                <div class="jindutiao">
                    <audio id="bgMusic" src=""></audio>
                    <div id="progressBar"></div>
                    <div class="yyshijian">
                        <p id="currentTime">0:00</p>
                        <p id="zongsc">00:00</p>
                    </div>
                </div>
                <div class="bfqan">
                    <div class="bfzt">
                        <svg id="bofang" class="icon" aria-hidden="true">
                            <use xlink:href="#icon-bofang"></use>
                        </svg>
                        <svg id="zanting" class="icon" aria-hidden="true">
                            <use xlink:href="#icon-zanting"></use>
                        </svg>
                    </div>
                    <div class="xys">
                        <svg id="xiayishou" class="icon" aria-hidden="true">
                            <use xlink:href="#icon-xiayishou"></use>
                        </svg>
                    </div>
                    <div class="kjy" id="kjyb">
                        <svg id="yousheng" class="icon" aria-hidden="true">
                            <use xlink:href="#icon-yangshengqi"></use>
                        </svg>
                        <svg id="wusheng" class="icon" aria-hidden="true">
                            <use xlink:href="#icon-sound-off"></use>
                        </svg>
                    </div>

                </div>
            </div>

        </div>
        <div class="zkan" id="zkxtb">
            <svg class="icon" id="zkxtbx"  aria-hidden="true">
                <use xlink:href="#icon-zhankai"></use>
            </svg>
        </div>
    </div>

    <!-- 右下角悬浮卡片 -->
    <div class="xfkp" id="xfxkp">
        <div class="biaoti">思幻工作室个人引导页</div>
        <div id="jzsc"></div>
        <div class="text">你好陌生人，欢迎来到我的个人主页！</div>
        <div class="zanzhu" onclick="skmkq()">
            <p>赞助一下</p>
        </div>
        <div class="xfkpgb" onclick="guanbi()">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-guanbi"></use>
            </svg>
        </div>
    </div>
    <!-- 右侧菜单栏 -->
    <div class="yccdl">
        <div class="zhiding" id="zhidingan" onclick="zdtop()">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-zhiding"></use>
            </svg>
        </div>
    </div>
    <!-- 收款码 -->
    <div class="skm-box" id="skmqk">
        <div class="skm">
            <div class="skm-img-p">
                <img data-src="./images/qqskm.jpg" alt="">
                <p>QQ收款码</p>
            </div>
            <div class="skm-img-p">
                <img data-src="./images/wxskm.jpg" alt="">
                <p>微信收款码</p>
            </div>
            <div class="skm-img-p">
                <img data-src="./images/zfbskm.jpg" alt="">
                <p>支付宝收款码</p>
            </div>

            <span onclick="guanbiskm()">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-guanbi"></use>
                </svg>
            </span>
        </div>
    </div>

    <div class="title-icon" id="title-icon1">
        <img data-src="./images/image-23-1024x76.webp" alt="仙女棒装饰">
    </div>

    <div class="zhandian-box">
        <div class="title">
            <div class="zd">
                <img data-src="./images/0e1514c1-bc0e-424c-8bdf-5c065b2a1e75.png" alt="">
                <h2>我的站点</h2>
            </div>
            <div class="sangedian">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>

        <div class="zhandian-list">
            <div class="zhandian">
                <a href="#">我的站点1</a>
            </div>
            <div class="zhandian">
                <a href="#">我的站点2</a>
            </div>
            <div class="zhandian">
                <a href="#">我的站点3</a>
            </div>
            <div class="zhandian">
                <a href="#">我的站点4</a>
            </div>
            <div class="zhandian">
                <a href="#">我的站点5</a>
            </div>
            <div class="zhandian">
                <a href="#">我的站点6</a>
            </div>
            <div class="zhandian">
                <a href="#">我的站点7</a>
            </div>
            <div class="zhandian">
                <a href="#">我的站点8</a>
            </div>
            <div class="zhandian">
                <a href="#">我的站点9</a>
            </div>
            <div class="zhandian">
                <a href="#">我的站点10</a>
            </div>
            <div class="zhandian">
                <a href="#">我的站点11</a>
            </div>
            <div class="zhandian">
                <a href="#">我的站点12</a>
            </div>
            <div class="zhandian">
                <a href="#">我的站点13</a>
            </div>
            <div class="zhandian">
                <a href="#">我的站点14</a>
            </div>
            <div class="zhandian">
                <a href="#">我的站点15</a>
            </div>
            <div class="zhandian">
                <a href="#">我的站点16</a>
            </div>
        </div>

    </div>

    <div class="title-icon">
        <img data-src="./images/image-23-1024x76.webp" alt="仙女棒装饰">
    </div>
    <!-- 团队成员 -->
    <div class="tdcy">
        <div class="rwt">
            <img data-src="https://jx3.xoyo.com/zt/2014/11/21/zt/menpai/assets/images/mp-btyz/per.png" alt="">
        </div>

        <div class="tdcybt">
            <h3>我的团队</h3>
        </div>


        <div class="box" data-loaded="false">
            <div class="tab">
                <ul>
                    <li id="txfg" class="tablinks" onclick="openTab(event, 'tab1')">
                        <img data-src="./images/cy1.jpg" alt="成员1头像">
                    </li>
                    <li class="tablinks" onclick="openTab(event, 'tab2')">
                        <img data-src="./images/cy2.jpg" alt="成员2头像">
                    </li>
                    <li class="tablinks" onclick="openTab(event, 'tab3')">
                        <img data-src="./images/cy3.jpg" alt="成员3头像">
                    </li>
                    <li class="tablinks" onclick="openTab(event, 'tab4')">
                        <img data-src="./images/cy4.jpg" alt="成员4头像">
                    </li>
                    <li class="tablinks" onclick="openTab(event, 'tab5')">
                        <img data-src="./images/cy5.jpg" alt="成员5头像">
                    </li>

                </ul>
            </div>

            <div id="tab1" class="tabcontent"><!--第一个成员信息介绍-->
                <div class="cy-top">
                    <div class="cytp">
                        <img data-src="https://shp.qpic.cn/ishow/2735092616/1695718027_829394697_15981_sProdImgNo_3.jpg/0"
                            alt="">
                    </div>

                    <div class="cyxx">
                        <div class="cyxxbj">
                            <img data-src="./images/6709c2da-cd8c-4384-9baf-65c141d04abe.png" alt="">
                        </div>
                        <p><b>网名：</b>削宫本</p>
                        <p><b>专业：</b>音乐</p>
                        <p><b>技能：</b>吹唢呐</p>
                        <p><b>熟练指数：</b>⭐⭐⭐</p>
                        <div class="biaoqian">
                            <div class="biaoqiantext"><b>标签：</b></div>
                            <div id="bq1" class="biaoqian1">王者荣耀</div>
                            <div id="bq2" class="biaoqian1">吹唢呐</div>
                            <div id="bq3" class="biaoqian1">泡妹子</div>
                        </div>
                        <p><b>个人介绍：</b>我是思幻工作室的一名小菜鸡，我平时喜欢打王者，我玩宫本贼牛逼，堪称1V5的存在，由于我太过厉害导致我队友都泉水挂机，我知道他们这是对我的充分信任！</p>
                    </div>

                </div>


            </div>

            <div id="tab2" class="tabcontent"><!--第二个成员信息介绍-->

                <div class="cy-top">
                    <div class="cytp">
                        <img data-src="https://shp.qpic.cn/ishow/2735101317/1697189214_829394697_41997_sProdImgNo_6.jpg/0"
                            alt="">
                    </div>

                    <div class="cyxx">
                        <div class="cyxxbj">
                            <img data-src="./images/6709c2da-cd8c-4384-9baf-65c141d04abe.png" alt="">
                        </div>
                        <p><b>网名：</b>十一</p>
                        <p><b>专业：</b>美术</p>
                        <p><b>技能：</b>画天画地画帅哥</p>
                        <p><b>熟练指数：</b>⭐⭐⭐⭐⭐</p>
                        <div class="biaoqian">
                            <div class="biaoqiantext"><b>标签：</b></div>
                            <div id="bq1" class="biaoqian1">王者荣耀</div>
                            <div id="bq2" class="biaoqian1">手绘</div>
                            <div id="bq3" class="biaoqian1">撩妹达人</div>
                        </div>
                        <p><b>个人介绍：</b>我是思幻工作室的一名小画师，我平时喜欢打王者，唱歌，喝微醺，抢别人老婆，还喜欢去海边，喜欢古装，请叫我公主殿下！</p>
                    </div>

                </div>

            </div>

            <div id="tab3" class="tabcontent"><!--第三个成员信息介绍-->

                <div class="cy-top">
                    <div class="cytp">
                        <img data-src="https://shp.qpic.cn/ishow/2735081409/1691977442_829394697_19123_sProdImgNo_6.jpg/0"
                            alt="">
                    </div>

                    <div class="cyxx">
                        <div class="cyxxbj">
                            <img data-src="./images/6709c2da-cd8c-4384-9baf-65c141d04abe.png" alt="">
                        </div>
                        <p><b>网名：</b>苏汇</p>
                        <p><b>专业：</b>未知</p>
                        <p><b>技能：</b>吹牛皮</p>
                        <p><b>熟练指数：</b>⭐</p>
                        <div class="biaoqian">
                            <div class="biaoqiantext"><b>标签：</b></div>
                            <div id="bq1" class="biaoqian1">王者荣耀</div>
                            <div id="bq2" class="biaoqian1">未知</div>
                            <div id="bq3" class="biaoqian1">未知</div>
                        </div>
                        <p><b>个人介绍：</b>我是思幻工作室的一名小菜鸡，我平时喜欢打王者，我玩宫本贼牛逼，堪称1V5的存在，由于我太过厉害导致我队友都泉水挂机，我知道他们这是对我的充分信任！</p>
                    </div>

                </div>

            </div>

            <div id="tab4" class="tabcontent"><!--第四个成员信息介绍-->

                <div class="cy-top">
                    <div class="cytp">
                        <img data-src="https://shp.qpic.cn/ishow/2735082210/1692672113_829394697_11169_sProdImgNo_6.jpg/0"
                            alt="">
                    </div>

                    <div class="cyxx">
                        <div class="cyxxbj">
                            <img data-src="./images/6709c2da-cd8c-4384-9baf-65c141d04abe.png" alt="">
                        </div>
                        <p><b>网名：</b>初一</p>
                        <p><b>专业：</b>未知</p>
                        <p><b>技能：</b>未知</p>
                        <p><b>熟练指数：</b>⭐⭐⭐⭐</p>
                        <div class="biaoqian">
                            <div class="biaoqiantext"><b>标签：</b></div>
                            <div id="bq1" class="biaoqian1">网页美化</div>
                            <div id="bq2" class="biaoqian1">网络男神</div>
                            <div id="bq3" class="biaoqian1">话痨</div>
                        </div>
                        <p><b>个人介绍：</b>我是思幻工作室的一名小菜鸡，我平时喜欢打王者，我玩宫本贼牛逼，堪称1V5的存在，由于我太过厉害导致我队友都泉水挂机，我知道他们这是对我的充分信任！</p>
                    </div>

                </div>

            </div>

            <div id="tab5" class="tabcontent"><!--第五个成员信息介绍-->

                <div class="cy-top">
                    <div class="cytp">
                        <img data-src="https://shp.qpic.cn/ishow/2735103011/1698638087_829394697_46632_sProdImgNo_6.jpg/0"
                            alt="">
                    </div>

                    <div class="cyxx">
                        <div class="cyxxbj">
                            <img data-src="./images/6709c2da-cd8c-4384-9baf-65c141d04abe.png" alt="">
                        </div>
                        <p><b>网名：</b>Denver</p>
                        <p><b>专业：</b>学生</p>
                        <p><b>技能：</b>白嫖</p>
                        <p><b>熟练指数：</b>⭐⭐</p>
                        <div class="biaoqian">
                            <div class="biaoqiantext"><b>标签：</b></div>
                            <div id="bq1" class="biaoqian1">王者荣耀</div>
                            <div id="bq2" class="biaoqian1">网络喷子</div>
                            <div id="bq3" class="biaoqian1">神抢手</div>
                        </div>
                        <p><b>个人介绍：</b>我是思幻工作室的一名小菜鸡，我平时喜欢打王者，我玩宫本贼牛逼，堪称1V5的存在，由于我太过厉害导致我队友都泉水挂机，我知道他们这是对我的充分信任！</p>
                    </div>

                </div>

            </div>

        </div>

    </div>
    <div class="yqljtitle">
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-lianjie1"></use>
        </svg>
        <p>友情链接</p>
    </div>
    <div class="yqlj">
        <a href="这里填写第一个友情链接的地址">友情链接</a>
        <a href="这里填写第二个友情链接的地址">友情链接</a>
        <a href="这里填写第三个友情链接的地址">友情链接</a>
        <a href="这里填写第四个友情链接的地址">友情链接</a>
        <a href="这里填写第五个友情链接的地址">友情链接</a>
        <a href="这里填写第六个友情链接的地址">友情链接</a>
    </div>

    <div class="footer">

        <div class="dbbq">
            <a href="这里填写网站地图地址">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-heduidizhi"></use>
                </svg>
                网站地图</a>
            <a href="这里填写加入方式的链接">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-yaoqingjiaru"></use>
                </svg>
                加入我们</a>
            <a href="这里填写广告合作地址">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-guanggao"></use>
                </svg>
                广告合作</a>
        </div>

        <div class="bqbaxx">
            <p>本站为思幻工作室最新开发的思幻工作室个人导航页，本站秉承着我爱中华的精神，拒绝添加违法内容</p>
            <p>Copyright © 2023·思幻工作室个人引导页.</p>
            <p>公安备案：暂未备案</p>
            <p>ICP备案：暂未备案</p>
        </div>
    </div>
    <script src="./js/index.js"></script>
    <script src="./js/yhpl.js"></script>
    <script src="./js/lanjiazai.js"></script>

    <script src="http://tc.sihuanyun.cloud/js/sihuan.js?v=123"></script>
    <link rel="stylesheet" href="http://tc.sihuanyun.cloud/css/sihuan.css?v=123">
</body>

</html>